 <style>
     .xkimgadd{width:100px;height:100px; background: #dedede;color:#fff;text-align: center; color:#000; line-height: 100px; font-size: 40px;overflow: hidden;cursor:pointer;}
     .xkimgadd input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;cursor:pointer;}
     .xkimgadd input[class='on']{display: none;}
     .albumimgwrap li{margin: 5px;float:left;width:100px; height: 100px;position:relative;}
     .albumimgwrap li .fll{width:100%;height:100%;position: absolute; left: 0px;top: 0px; cursor: pointer;}
     .albumimgwrap li .del{height:30px; line-height: 30px; text-align: center;color:#fff; position: absolute; bottom: 0px;left:0px;width:100%;background: #000;font-size: 16px;opacity:0.7;filter:alpha(opacity=70);}
 </style>	  
		    <tr  >
	            <td  align="right" class="ln30 td200">{$title}：</td>
	            <td width="auto" class="xkalbum">
                     <div class="alreadyimg" class="fl">
                     <ul class="albumimgwrap">
                         
		                 <volist name="value" id='val'>
		                    <notempty name="val">
		                    <li>
		                       <div class="fll">
		                       	    <div class="del">删除</div>
		                       </div>
		                 	   <img src="{$val}" width="100px" height="100px" class="fl"/>
		                 	</li>
		                 	</notempty>
		                 </volist>
	                 </ul>
	                 </div>
	                 <div class="alreadyimg" class="fl">
	                     <ul class="albumimgwrap">

	                          <li>
	                          	<div class="xkimgadd" class="fl">
	                          	   <div class="reimrp">
	                          	       <if condition='ACTION_NAME eq "edit"'>
		                          	   	<div class="fll">
										      <div class="del">编辑</div>
										</div>
									    <img src="__ROOT__{$value}" width="100px" height="100px" class="fl"/>
									    </if>

		                          	   </div>
				                   <input type="file" class="addxkimg" name="{$name}[]"  />
				                 	<span style="cursor:pointer">+</span>
				                 </div> 
	                          </li>

		                 </ul>
	                 </div>
	            </td>
		    </tr>
<script type="text/javascript">
    //定义全局变量为非异步
    var noajax='image';
    //定义图片集的主键值
    var uploadkey='{$name}';
    //定义type=file的name
    var name="{$name}[]";
    $(document).ready(function(){
	    $(document).on("change",".addxkimg",function(){
	    	var objUrl=getObjectURL(this.files[0]);
	    	var html='<div class="fll">'+
					      '<div class="del">编辑</div>'+
					  '</div>'+
					  '<img src="'+objUrl+'" width="100px" height="100px" class="fl"/>';
			//$(this).hide();
	        $(this).parent().find(".reimrp").html(html);
	        
	        
	    });
	    

	});
	function getObjectURL(file) {
		  var url = null ; 
		  if (window.createObjectURL!=undefined) { // basic
		    url = window.createObjectURL(file) ;
		  } else if (window.URL!=undefined) { // mozilla(firefox)
		    url = window.URL.createObjectURL(file) ;
		  } else if (window.webkitURL!=undefined) { // webkit or chrome
		    url = window.webkitURL.createObjectURL(file) ;
		  }
		  return url ;
    }
</script>